$(function () {
    // 点击登录/注册按钮 登录盒子显示注册隐藏
    $('#link_reg').on('click', function () {
        $('.login_box').show();
        $('.reg_box').hide();
      
        
    })
    $('#link_login').on('click', function () { 
        $('.reg_box').show();
        $('.login_box').hide();
    })

    var form = layui.form
    form.verify({
        // 自定义了一个叫做 pwd 校验规则
        pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
        // 校验两次密码是否一致的规则
        repwd: function(value) {
          // 通过形参拿到的是确认密码框中的内容
          // 还需要拿到密码框中的内容
          // 然后进行一次等于的判断
          // 如果判断失败,则return一个提示消息即可
            let pwd = $('.reg_box [name=password]').val();
            console.log(pwd);
          if (pwd !== value) {
            return '两次密码不一致！'
          }
        }
      })
  //  注册页面发起ajax请求
  $('#form_reg').on('submit', function (e) {
    e.preventDefault()//阻止默认事件
    $.ajax({
      type: 'post',
      url: '/api/reguser',
      data: {
        username: $('#form_reg [name=username]').val(),
        password: $('#form_reg [name=password]').val()
      },
      success(res) {
        if (res.status !== 0) {
          return  layer.msg(res.message);
        }
        layer.msg('注册成功');
        $('#link_login').click();
      }
    })
  })
  $('#form_login').on('submit', function (e) {
    e.preventDefault();
    $.ajax({
      type: 'post',
      url: '/api/login',
      data: $(this).serialize(),//快速获取
      success(res) {
        if (res.status !== 0) {
          return layer.msg(res.message || '登陆失败');
        }
        layer.msg('登录成功');
        // 存储token 有权限接口的身份
        localStorage.setItem('token',res.token);
        // 挑战主页
        location.href = '/index.html';
      }
    })
   })
})